Diary 2025-08-12
Ark UI using Chakra UI v3 causes problems
Ark UI is the headless UI library underlying ChakraUI v3.
What is Ark UI?
Headless component library - provides only unstyled functionality
Focus on accessibility - WAI-ARIA compliant implementation
Multiple framework support - React, Vue, Solid supported
New basis for Chakra UI - moving from v3 to Ark UI base
Why is the error occurring?
1. compatibility issues - SSR/RSC compatibility issues with Ark UI and Next.js
Type definition error - fieldAnatomy.extendWith is not a function is an internal API inconsistency
3. build time issue - client-specific code is executed during server-side rendering
Chakra UI v2 should do it, Claude says the component names are about the same, so I changed them, and now I need to rewrite quite a bit.
That's a big lie!
https://github.com/team-mirai-volunteer/policy-pr-hub/commit/c9c2a6d29807a2e2302040e60d1a12d42ed217f4
Well, it worked.
Diary 2025-08-11 ← Diary 2025-08-12 → Diary 2025-08-13.
100 days ago Diary 2025-05-04.
1 year ago Diary 2024-08-12.
---
This page is auto-translated from /nishio/日記2025-08-12 using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at @nishio_en. I'm very happy to spread my thought to non-Japanese readers.